<extend name="Public:base" />
<!-- 网站标题 -->
<block name="title">测评结果分析</block>
<block name="appendheader"> 
	<!-- 删除确认插件 --> 
	<script type="text/javascript" src="__PUBLIC__/artDialog/jquery.artDialog.js?skin=default"></script> 
	<script type="text/javascript" src="__PUBLIC__/artDialog/iframeTools.js"></script> 
	<script type="text/javascript" src="__PUBLIC__/common/js/list.js"></script> 
	<script type="text/javascript">
		$(function() {
			$("#WebMenu-3000").addClass('active');	//选中父菜单
			$("#WebMenu-3020").addClass('active');	//选中当前菜单
		});
		
	</script> 
</block>
</block>
<!-- 当前位置 -->
<block name="breadcrumb">
	<div class="page-header pull-left">
		<div class="page-title">测评结果</div>
	</div>
	<ol class="breadcrumb page-breadcrumb pull-left">
		<li><i class="fa fa-home"></i>&nbsp;<a href="__APP__?g=Index">首页</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
		<li><a href="#">数据管理</a>&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;</li>
		<li class="active">测评结果分析</li>
	</ol>
</block>
<!-- 网页主内容区 -->
<block name="main_content">
	<div class="row" style="height:300px;">
		<div class="col-md-12" style="height:280px;">
			<div class="panel panel-blue" style="height:280px;">
				<div class="panel-body pan" style="height:280px;">
					<form id="myform" name="myform" action="#" method="post">
						<div class="form-body">
							<div class="form-group">
								<div class="col-md-1" style="margin-left:200px;margin-top:60px;"> 
									<img width="500px;" height="500px;" src="__PUBLIC__/common/img/default-user.png" onerror="this.src='__PUBLIC__/common/img/default-user-50-50.png';this.onerror=null;" class="img-responsive img-circle" />
								</div>
								<!--  <div class="col-md-1" style="margin-left:200px;margin-top:50px;"> 
									<img width="150px;" height="150px;" src="__PUBLIC__/common/img/tx.png" onerror="this.src='__PUBLIC__/common/img/default-user.png';this.onerror=null;" class=" img-circle" />
								</div>-->
								<div class="col-md-4" style="margin-left:10px;margin-top:50px;">
									<h3><b>您好，{$users_list.real_name}</b></h3>
									<h4><b>性别 {$users_list.gender}</b></h4> 
									<h4><b>{$users_list.college_name}|{$users_list.profession}</b></h5> 
								</div>
								<div class="col-md-5" style="margin-left:-50px;height:450px;margin-top:-40px;text-align:right;">
									<include file="scan_ztdf_old" />
								</div>
							</div>
						</div>
					</form>
					
				</div>
			</div>
		</div>
	</div>
	<div class="row" >
		<div class="col-md-12">
			<div class="panel panel-blue" style="height:380px;">
			<div class="panel-heading">一级指标测评结果</div>
				<div class="panel-body pan" style="height:280px;">
				
					<form id="myform" name="myform" action="#" method="post" >
						<div class="form-body">
							<div class="form-group">
								<div class="col-md-5" style="margin-left:20px;margin-top:0px;">
								<include file="scan_yjzb_old" />
								</div>
								<div class="col-md-6" style="margin-left:40px;margin-top:0px;">
									<div id="sum_box" class="row mbl">
										<div class="col-sm-8 col-md-6">
											<div class="panel profit db mbm">
												<div class="panel-body">
													<div id="container_new1" style="height: 80px;width:50%;float:right;"></div>
													<script type="text/javascript">
														var dom = document.getElementById("container_new1");
														var myChart = echarts.init(dom);
														var app = {};
														var option;
														option = {
															color: ['#5cb85c','#F5F5F5'],
														    series: [
														        {
														            type: 'pie',
														            radius: ['60%', '90%'],
														            avoidLabelOverlap: false,
														            label: {
														                show: false,
														                position: 'center'
														            },
														   
														            labelLine: {
														                show: false
														            },
														            data: [
														                {$first_string1}
														            ]
														        }
														    ]
														};
														
														if (option && typeof option === 'object') {
														    myChart.setOption(option);
														}
														
													</script>
													<div style="height:80px;">
													<h4 class="value"><strong><span data-counter="" data-start="10" data-end="50" data-step="1" data-duration="0">{$I1_dfv}</span><span>%</span></strong></h4>
													<br><p class="description"><strong>理想信念</strong></p>
													</div>
													<div class="progress progress-sm mbn progress-striped active">
														<div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: {$I1_dfv}%;" class="progress-bar progress-bar-success"></div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-sm-8 col-md-6">
											<div class="panel db mbm">
												<div class="panel-body">
													<div id="container_new2" style="height: 80px;width:50%;float:right;"></div>
													<script type="text/javascript">
														var dom = document.getElementById("container_new2");
														var myChart = echarts.init(dom);
														var app = {};
														var option;
														option = {
															color: ['#5bc0de','#F5F5F5'],
														    series: [
														        {
														            type: 'pie',
														            radius: ['60%', '90%'],
														            avoidLabelOverlap: false,
														            label: {
														                show: false,
														                position: 'center'
														            },
														   
														            labelLine: {
														                show: false
														            },
														            data: [
														                {$first_string2}
														            ]
														        }
														    ]
														};
														
														if (option && typeof option === 'object') {
														    myChart.setOption(option);
														}
														
													</script>
													<div style="height:80px;">
													<h4 class="value"><strong><span>{$IM_dfv}</span><span>%</span></strong></h4>
													<br><p class="description"><strong>道德情操</strong></p>
													</div>
													<div class="progress progress-sm mbn progress-striped active">
														<div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {$IM_dfv}%;" class="progress-bar progress-bar-info"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div id="sum_box" class="row mbl">
										<div class="col-sm-8 col-md-6">
											<div class="panel profit db mbm">
												<div class="panel-body">
													<div id="container_new3" style="height: 80px;width:50%;float:right;"></div>
													<script type="text/javascript">
														var dom = document.getElementById("container_new3");
														var myChart = echarts.init(dom);
														var app = {};
														var option;
														option = {
															color: ['#d9534f','#F5F5F5'],
														    series: [
														        {
														            type: 'pie',
														            radius: ['60%', '90%'],
														            avoidLabelOverlap: false,
														            label: {
														                show: false,
														                position: 'center'
														            },
														   
														            labelLine: {
														                show: false
														            },
														            data: [
														                {$first_string3}
														            ]
														        }
														    ]
														};
														
														if (option && typeof option === 'object') {
														    myChart.setOption(option);
														}
														
													</script>
													<div style="height:80px;">
													<h4 class="value"><strong><span data-counter="" data-start="10" data-end="50" data-step="1" data-duration="0">{$IK_dfv}</span><span>%</span></strong></h4>
													<br><p class="description"><strong>扎实学习</strong></p>
													</div>
													<div class="progress progress-sm mbn progress-striped active">
														<div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: {$IK_dfv}%;" class="progress-bar progress-bar-danger"></div>
													</div>
												</div>
											</div>
										</div>
										<div class="col-sm-8 col-md-6">
											<div class="panel db mbm">
												<div class="panel-body">
													<div id="container_new4" style="height: 80px;width:50%;float:right;"></div>
													<script type="text/javascript">
														var dom = document.getElementById("container_new4");
														var myChart = echarts.init(dom);
														var app = {};
														var option;
														option = {
															color: ['#F2994B','#F5F5F5'],
														    series: [
														        {
														            type: 'pie',
														            radius: ['60%', '90%'],
														            avoidLabelOverlap: false,
														            label: {
														                show: false,
														                position: 'center'
														            },
														   
														            labelLine: {
														                show: false
														            },
														            data: [
														                {$first_string4}
														            ]
														        }
														    ]
														};
														
														if (option && typeof option === 'object') {
														    myChart.setOption(option);
														}
														
													</script>
													<div style="height:80px;">
														<h4 class="value"><strong><span>{$IR_dfv}</span><span>%</span></strong></h4><br>
														<p class="description"><strong>仁爱之心</strong></p>
													</div>
													<div class="progress progress-sm mbn  progress-striped active">
														<div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: {$IR_dfv}%;" class="progress-bar progress-bar-yellow"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
					</form>
					
				</div>
			</div>
		</div>
	</div>
	<div class="row" >
		<div class="col-md-12">
			<div class="panel panel-blue" style="height:450px;">
			<div class="panel-heading">二级指标测评结果</div>
				<div class="panel-body pan" style="height:450px;">
				
					<form id="myform" name="myform" action="#" method="post" >
						<div class="form-body">
							<div class="form-group">
								<div class="col-md-12" style="margin-left:10px;margin-top:0px;">
								<include file="scan_ejzb_old" />
								</div>
							</div>
						</div>
						
					</form>
					
				</div>
			</div>
		</div>
	</div>
	<div class="row" >
		<div class="col-md-12">
			<div class="panel panel-blue" style="height:850px;">
			<div class="panel-heading">三级指标测评结果</div>
				<div class="panel-body pan" style="height:850px;">
				
					<form id="myform" name="myform" action="#" method="post" >
						<div class="form-body">
							<div class="form-group">
								<div class="col-md-12" style="margin-left:10px;margin-top:0px;">
								<include file="scan_sjzb_old" />
								</div>
							</div>
						</div>
						
					</form>
					
				</div>
			</div>
		</div>
	</div>
</block>
